<template>
	<view class="containar">
		<view class="bottomBox">
			<view class="modal">
				<view class="btmBOX">
					<view class="btnInput">
						<input class="uni-input" placeholder-style="color:#fff;" placeholder="请输入兑换码" />
					</view>
					<view class="btnBtn">立即兑换</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>

export default {
	data() {
		return {

		}
	},
	methods: {

	},
	onLoad() {
	}
}

</script>

<style lang="scss" scoped>
.containar {
	height: 100vh;
	padding: 14rpx 0rpx 140rpx 0rpx;
	background: url('https://s3.dova.link:3001/test/20240306/97e5fd5c00464ababcd7339d4845c7cf.jpg');
	background-size: cover;
	background-position: 50%
		/* 背景图片居中 */
	;

	.bottomBox {
		position: fixed;
		bottom: calc(var(--window-bottom) + 70px);
		left: 0;
		width: 100%;

		.modal {
			padding: 0 30rpx;

			.btmBOX {
				border-radius: 24rpx;
				height: 350rpx;
				width: 100%;
				background-color: hsla(0, 0%, 100%, 0.6);
				display: flex;
				flex-direction: column;
				align-items: center;

				.btnInput {
					margin-top: 60rpx;
					border-radius: 50rpx;
					background-color: #dcdcdc;
					width: 480rpx;
					height: 76rpx;
					text-align: center;
					line-height: 76rpx;

					.uni-input {
						height: 76rpx;
					}
				}

				.btnBtn {
					margin-top: 60rpx;
					width: 480rpx;
					height: 76rpx;
					color: #fff;
					background: #131416;
					text-align: center;
					line-height: 76rpx;
					border-radius: 50rpx;
				}
			}
		}
	}

}
</style>